﻿@{
    ViewBag.Title = "首页";
}
@{Html.RenderAction("Nav", "CenterNav");}
<div id="banner">
    <div class="center">
        <div class="icon_nav">
            <a href="#">
                <img src="~/Images/frontImages/icon_big01.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
        <div class="icon_nav">  
            <a href="#">
                <img src="~/Images/frontImages/icon_big02.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
        <div class="icon_nav">
            <a href="#">
                <img src="~/Images/frontImages/icon_big03.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
        <div class="icon_nav">
            <a href="#">
                <img src="~/Images/frontImages/icon_big04.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
        <div class="icon_nav">
            <a href="#">
                <img src="~/Images/frontImages/icon_big05.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
        <div class="icon_nav">
            <a href="#">
                <img src="~/Images/frontImages/icon_big06.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
        <div class="icon_nav">
            <a href="#">
                <img src="~/Images/frontImages/icon_big07.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
        <div class="icon_nav">
            <a href="#">
                <img src="~/Images/frontImages/icon_big08.jpg" />
                <span>学生兼职</span>
            </a>
        </div>
    </div>
</div>
<div id="hot_nav">
    <div class="center">
        <ul>

            <li><a class="mark" href="">最热</a></li>
            @foreach (var l in ViewBag.hotNavList)
            {
                <li><a href="">@l.name</a></li>

            }
        </ul>
    </div>
</div>
<div id="main" class="center">
    <div id="slider">
        <div class="slide" id="indexSlide">
            <div class="left" id="indexLeft">
                <div class="swcont" style="display:block;">
                    <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="~/Images/frontImages/大图.jpeg" /></a>
                </div>
                <div class="swcont" style="display:block;">
                    <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="imqages/大图.jpeg" /></a>
                </div>
                <div class="swcont" style="display:block;">
                    <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="~/Images/frontImages/大图.jpeg" /></a>
                </div>
                <div class="swcont" style="display:block;">
                    <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="~/Images/frontImages/大图.jpeg" /></a>
                </div>
                <div class="swcont" style="display:block;">
                    <a href="http://www.17sucai.com/"><img width="567" border="0" height="230" alt="" title="" src="~/Images/frontImages/大图.jpeg" /></a>
                </div>
            </div>
            <div class="right" id="indexRight">
                <a href="http://www.17sucai.com/"><img src="~/Images/frontImages/缩略图.jpeg" width="100" height="47" /></a>
                <a href="http://www.17sucai.com/"><img src="~/Images/frontImages/20131030111419_TXNHQ.jpeg" width="100" height="47" /></a>
                <a href="http://www.17sucai.com/"><img src="~/Images/frontImages/20131029143936_JhwAt.thumb.100_50.jpeg " width="100" height="47" /></a>
                <a href="http://www.17sucai.com/"><img src="~/Images/frontImages/20131028164709_ChmEr.thumb.100_50.jpeg " width="100" height="47" /></a>
                <div id="hehe"></div>
            </div>
        </div>
    </div>
    <div id="side">
        <div id="menu">
            <div class="right_tab active">最新公告</div>
            <div class="right_tab">学生最爱</div>
            <div class="right_tab">限时特惠</div>
        </div>
        <div class="con">12313</div>
        <div class="con" style="display:none">dwrre</div>
        <div class="con" style="display:none">4534</div>
        <div></div>
    </div>
    <div id="service">
        @{int i = 0;
        string str;}
        
        @foreach (var bnf in ViewBag.BottomNavFirst as List<MODEL.Cate_Second>)
        {
            int j = 0;
            i++;
            str = "~/Images/frontImages/icon_small_0" + i + ".jpg";
            if (i == 6)
            {
                <div class="ser_list  ser_list_mid float_right">
                    <ul>
                        <li class="ser_li_first"><a href="@Url.Action("Result", "Search", new { @name=bnf.name,@type=bnf.type})" class=""><img class="img_first" src="~/Images/frontImages/icon_small_06.jpg" />@bnf.name</a></li>
                        @foreach (var bn in ViewBag.BottomNav)
                        {

                            if (bn.Cate_Second.name == bnf.name)
                            {
                                j++;
                                if (j == 1)
                                {
                                    <li><a href="@Url.Action("Result", "Search", new { @name=bn.name,@type=bn.type})">@bn.name</a></li>
                                }
                                else
                                {
                                    <li>|&nbsp;&nbsp;<a href="@Url.Action("Result", "Search", new { @name=bn.name,@type=bn.type})">@bn.name</a></li>
                                }
                            }

                        }
                        <li class="ser_list_more"><a href="@Url.Action("Result", "Search", new { @name=bnf.name,@type=bnf.type})"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                    </ul>
                </div>

            }
            else if (i == 5)
            {
                <div class="ser_list ser_list_short float">
                    <ul>
                        <li class="ser_li_first" id="img_first"><a href="@Url.Action("Result", "Search", new { @name=bnf.name,@type=bnf.type})" class=""><img class="img_first" src=@Url.Content(str) />@bnf.name</a></li>
                        @foreach (var bn in ViewBag.BottomNav)
                        {

                            if (bn.Cate_Second.name == bnf.name)
                            {
                                j++;
                                if (j == 1)
                                {
                                    <li><a href="@Url.Action("Result", "Search", new { @name=bn.name,@type=bn.type})">@bn.name</a></li>
                                }
                                else
                                {
                                    <li>|&nbsp;&nbsp;<a href="@Url.Action("Result", "Search", new { @name=bn.name,@type=bn.type})">@bn.name</a></li>
                                }
                            }

                        }
                        <li class="ser_list_more" id="img_more"><a href="@Url.Action("Result", "Search", new { @name=bnf.name,@type=bnf.type})"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                    </ul>
                </div>

            }
            else
            {
                <div class="ser_list">
                    <ul>
                        <li class="ser_li_first"><a href="@Url.Action("Result", "Search", new { @name=bnf.name,@type=bnf.type})" class=""><img class="img_first" src=@Url.Content(str) />@bnf.name</a></li>
                        @foreach (var bn in ViewBag.BottomNav)
                        {

                            if (bn.Cate_Second.name == bnf.name)
                            {
                                j++;
                                if (j == 1)
                                {
                                    <li><a href="@Url.Action("Result", "Search", new { @name=bn.name,@type=bn.type})">@bn.name</a></li>
                                }
                                else
                                {
                                    <li>|&nbsp;&nbsp;<a href="@Url.Action("Result", "Search", new { @name=bn.name,@type=bn.type})">@bn.name</a></li>
                                }

                            }

                        }
                        <li class="ser_list_more"><a href="@Url.Action("Result", "Search", new { @name=bnf.name,@type=bnf.type})"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                    </ul>
                </div>

            }

        }
        @*<div class="ser_list">
                <ul>
                    <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="~/Images/frontImages/icon_small_01.jpg" />学生兼职</a></li>
                    <li><a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li class="ser_list_more"><a href="#"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                </ul>
            </div>
            <div class="ser_list ">
                <ul>
                    <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="~/Images/frontImages/icon_small_02.jpg" />学生兼职</a></li>
                    <li><a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li class="ser_list_more"><a href="#"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                </ul>
            </div>
            <div class="ser_list">
                <ul>
                    <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="~/Images/frontImages/icon_small_03.jpg" />学生兼职</a></li>
                    <li><a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li class="ser_list_more"><a href="#"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                </ul>
            </div>
            <div class="ser_list">
                <ul>
                    <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="~/Images/frontImages/icon_small_04.jpg" />学生兼职</a></li>
                    <li><a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li class="ser_list_more"><a href="#"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                </ul>
            </div>
            <div class="ser_list ser_list_short float">
                <ul>
                    <li class="ser_li_first" id="img_first"><a href="#" class=""><img class="img_first" src="~/Images/frontImages/icon_small_05.jpg" />学生兼职</a></li>
                    <li><a href="#">学生</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">国安</a></li>
                    <li class="ser_list_more" id="img_more"><a href="#"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                </ul>
            </div>
            <div class="ser_list  ser_list_mid float_right">
                <ul>
                    <li class="ser_li_first"><a href="#" class=""><img class="img_first" src="~/Images/frontImages/icon_small_06.jpg" />学生兼职</a></li>
                    <li><a href="#">学生兼职</a></li>
                    <li>|&nbsp;&nbsp;<a href="#">学生兼职</a></li>
                    <li class="ser_list_more"><a href="#"><img class="img_more" src="~/Images/frontImages/more.jpg" /></a></li>
                </ul>
            </div>*@
        <div class="clear"></div>
    </div>
    <div id="tell_me">
        <div class="contact_title">
            <img class="cont_icon" style="" src="~/Images/frontImages/contact_me.jpg" />
            <span>联系我们</span>
            <a href="#"><img class="cont_more" src="~/Images/frontImages/more_small.jpg" /></a>
        </div>
        <div class="contact_info">
            <p>电话:1111111111111</p>
            <p>QQ:11111111111</p>
            <p>微信:桃李街</p>
        </div>
    </div>
</div>
<div class="clear"></div>
<div id="footer">
    <div class="center">
        <br />
        <p>COPYRIGHT&copy;2014-2018</p>
        <p>山东理工大学--桃李街工作室版权所属</p>
    </div>
</div>
